/* 发现页面CSS */

/* 头部 */
header .whitebg{
  bottom: -1.7rem;
}
header .person{
  width: 100%;
  margin-top: .72rem;
  position: absolute;
}
.person .personul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 .3rem;
  box-sizing: border-box;
}
.personul li{
  width: 2.16rem;
  height: 3.04rem;
  border-radius: .1rem;
  background-color: white;
  box-shadow: 0 .1rem .05rem 0 rgba(0, 0, 0, .25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.personul li img{
  display: block;
  width: 1.22rem;
  height: 1.22rem;
  margin: .3rem 0 .2rem;
}
.personul li h6{
  font-size: .22rem;
  color: #666;
  /* font-weight: normal; */
}
.personul li p{
  font-size: .18rem;
  color: #a3a3a3;
  display: flex;
}
.personul li p span{
  display: block;
  font-size: .18rem;
  color: #61d0ff;
  margin-right: .1rem;
}
.personul li:nth-child(2) p span{
  color: hotpink;
}
.personul li>a{
  display: block;
  width: 1.7rem;
  height: .54rem;
  background-color: #393484;
  border-radius: .1rem .1rem 0 0;
  font-size: .4rem;
  color: white;
  line-height: .54rem;
  text-align: center;
}

/* 热门推荐 */
.popular{
  width: 100%;
  position: relative;
}
.popular .diaryul{
  width: 100%;
  margin-top: .3rem;
}
.diaryul li{
  width: 100%;
  padding-left: .4rem;
  box-sizing: border-box;
  margin-bottom: .23rem;
  display: flex;
}
.diaryul li .data{
  width: 1.18rem;
  height: 2.48rem;
  border-radius: 1.18rem;
  background-color: #393484;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .22rem;
}
.diaryul li .data>a{
  display: block;
  width: .67rem;
  height: .67rem;
  border-radius: 50%;
  margin-bottom: .25rem;
}
.diaryul li .data>a img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.diaryul li .data p{
  width: .59rem;
  font-size: .44rem;
  color: white;
  padding-top: .2rem;
  border-top: .04rem solid white;
  text-align: center;
}
.diaryul li .data p span{
  display: block;
  font-size: .25rem;
  color: #9c9abb;
}
.diaryul li .diary{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.diaryul li .diary>a{
  display: block;
  font-size: .32rem;
  color: #333;
}
.diaryul li .diary>p{
  font-size: .22rem;
  color: #a3a3a3;
  line-height: .5rem;
}
.diaryul li .diary .image{
  display: flex;
}
.diaryul li .diary .image a{
  display: block;
  width: 1.36rem;
  height: 1.05rem;
  border-radius: .1rem;
  box-shadow: 0 .05rem .05rem 0 rgba(0, 0, 0, .3);
  margin-right: .1rem;
}
.diaryul li .diary .image a img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .1rem;
}

/* 底部 */
footer .navul li:nth-child(3) .iconfont{
  color: #76d3ff;
}
footer .navul li:nth-child(3) p{
  color: #76d3ff;
}